<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/echarts.min.js"></script>
</head>
<body>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 337px;height:210px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var box2_1_1 = echarts.init(document.getElementById('main'));

    option = {
        title: {
            text: '2020-2025年GDP总额',
            x: 'center',
        },
        backgroundColor: '#fff',
        tooltip: {
            trigger: 'item',
            formatter: "{b}GDP总额: {c}亿元 )",
        },
        xAxis: {
            data: ['2020', '2021', '2022', '2023', '2024', '2025'],
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#888'
                },
                margin: 20, //刻度标签与轴线之间的距离。
            },

        },
        yAxis: {
            show:false,
            min:0,
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#eee',
                    type: 'dashed'
                }
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#888'
                },
            }
        },
        series: [{
            name: '年报上报率3',
            type: 'pictorialBar',
            symbolSize: [30, 25],
            symbolOffset: [0, -10],
            z: 12,
            symbolPosition: 'end',
            itemStyle: {
                normal: {
                    color: '#0881b3'
                }
            },
            data: [1210207.2,1149237,1013567,1265387.4,1340666.6,1412167.7],

        }, {
            name: '年报上报率2',
            type: 'pictorialBar',
            symbolSize: [30, 25],
            symbolOffset: [0, 10],
            z: 12,
            itemStyle: {
                normal: {
                    color: '#0881b3'
                }
            },
            data: [1210207.2,1149237,1013567,1265387.4,1340666.6,1412167.7],
        }, {
            type: 'bar',
            itemStyle: {
                normal: {
                    color: '#089cd9'
                }
            },
            barWidth: 30,
            data: [1210207.2,1149237,1013567,1265387.4,1340666.6,1412167.7],
        }]
    };
    box2_1_1.setOption(option);
</script>
</body>

</body>
</html>
